<template>
  <el-tabs v-model="view" v-loading="allLoading" type="border-card">
    <el-tab-pane :label="$t('体检结果')" name="pcwReport" lazy>
      <pcwReport :company-id="companyId" />
    </el-tab-pane>
    <el-tab-pane :label="$t('财报对比')" name="dealPcwCompanyContrast" lazy>
      <dealPcwCompanyContrast :company-id="companyId" />
    </el-tab-pane>
    <el-tab-pane :label="$t('财务数据分析')" name="pcwAnalyze" lazy>
      <pcwAnalyze :company-id="companyId" />
    </el-tab-pane>
    <el-tab-pane :label="$t('原始数据')" name="pcwDataBaseList" lazy>
      <pcwDataBaseList :company-id="companyId" />
    </el-tab-pane>
    <el-tab-pane :label="$t('体检项配置')" name="riskMonitor" lazy>
      <pcwRiskMonitorList :company-id="companyId" />
    </el-tab-pane>
    <el-tab-pane :label="$t('财务模版配置')" name="pcwCmyTempTabs" lazy>
      <pcwCmyTempTabs :company-id="companyId" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
  import dealPcwCompanyContrast from '@/views/deal/pcwmedical/dealPcwCompanyContrast.vue'
  import pcwReport from '@/views/company/pcw/pcwReport.vue'
  import pcwDataBaseList from '@/views/company/pcw/pcwDataBaseList.vue'
  import pcwAnalyze from '@/views/company/pcw/pcwAnalyze.vue'
  import pcwRiskMonitorList from '@/views/company/pcw/pcwRiskMonitorList.vue'
  import pcwCmyTempTabs from '@/views/company/pcw/pcwCmyTempTabs.vue'

  export default {
    components: {
      dealPcwCompanyContrast,
      pcwReport,
      pcwDataBaseList,
      pcwAnalyze,
      pcwRiskMonitorList,
      pcwCmyTempTabs
    },
    props: {
      companyId: {
        type: String,
        required: true,
        default: ''
      }
    },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 展示视图
      view: 'pcwReport',
      allLoading: false

    }
  }

}
</script>
